<template>
    <div>
    <el-form ref="form" :model="form" label-width="80px">
    <el-row style="height:30px"  type="flex" >
        <el-col :span="4">
        <el-form-item label="单选框" >
        <el-select v-model="form.selectOne" style="width:140px;" placeholder="选择省份">
            <template v-for="(item,idx) in provinces"  >
                <el-option :key="idx" :label="item.province" :value="item.province"></el-option>
            </template>
        </el-select>
        </el-form-item>
        </el-col>
    </el-row>

    <el-row style="height:30px"  type="flex" >
        <el-col :span="12">
            <el-form-item  required>
            <el-select v-model="form.selectMultiple" style="width:300px;" placeholder="选择省份"  multiple>
            <template v-for="(item,idx) in provinces" >
                <el-option :key="idx" :label="item.lable" :value="item.lable"></el-option>
            </template>
            </el-select>
            </el-form-item>
        </el-col>
    </el-row>
    </el-form>
    <el-button @click="hh">111</el-button>
    </div>
</template>

<script>
import provinceCodeList from "../../utils/provinceCode";
export default {
  data() {
    return {

        form: {
            selectOne:'',//单选默认值
            selectMultiple:[],//多选默认值
        },
        provinces:provinceCodeList
    }
  },

methods: {
    hh(){
        console.log(this.form.selectMultiple)
    }
      },


}
</script>